<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <meta http-equiv="X-UA-Compatible" content="IE=edge">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
 <title>长沙美团网--长沙美食__酒店_团购_电影_吃喝玩乐</title>
 <meta name="keywords" content="长沙美团长沙美团网精选长沙美食餐厅,酒店预订,电影票,旅游景点,外卖订餐,长沙团购信息,您可查询商家评价店铺信息。长沙生活,下载美团官方APP ,吃喝玩乐1折起">
  <meta name="description" content="长沙美食">
<link rel="icon" type="image/icon" href="favicon.ico">

<link rel="stylesheet" href="css/city.css">
 <link rel="stylesheet" href="./css/base.css">
<link rel="stylesheet" href="./font/iconfont.css">





</head>
<body>
<!-- 导航栏 -->
<div class="nav">

	<div class="nav-center">
				 <div class="nav-center-left">
					 <span class="iconfont icon-xxx">&#xe8c4;</span>
					 <a href="javascript:;">湖南</a>
					 <a href="javascript:;">切换城市</a>
					 <a href="javascript:;">[长沙市]</a>
					 <a href="javascript:;">立即登录</a>
					 <a href="javascript:;">注册</a>
				 </div>
<div class="nav-cent-right">
	<ul id="dropdown">
	 <li><a href="javascript:;">网站导航</a>
		 <dl class="displaynone">
		 <dd>
				 <div>
						 酒店旅游
				 </div>
				 <span>国际机票</span>
				 <span>火车票</span>
				 <span>民宿</span>
				 <span>经济型酒店</span>
				 <span>主题酒店</span>
				 <span>商务酒店</span>
				 <span>公寓</span>
				 <span>豪华酒店</span>
				 <span>客栈</span>
				 <span>青年旅社</span>
				 <span>度假酒店</span>
				 <span>别墅</span>
				 <span>农家院</span>
		 </dd>
		 <dd>
				 <div>
						 吃美食
				 </div>
				 <span>烤鱼</span>
				 <span>特色小吃</span>
				 <span>烧烤</span>
				 <span>自助餐</span>
				 <span>火锅</span>
				 <span>代金券</span>
		 </dd>
		 <dd>
				 <div>
						 看电影
				 </div>	
				 <span>热映电影</span>
				 <span>热门影院</span>
				 <span>热映电影口碑</span>
				 <span>最受期待电影</span>
				 <span>国内票房榜</span>
				 <span>北美票房榜</span>
				 <span>电影排行榜</span>
		 </dd>
		 <dd>
				 <div>
						 手机应用
				 </div>
				 <span>
						 <img src="./images/meituan.png" alt="美团"/>
				 </span>
				 <span>
						 <img src="./images/waimai.png" alt="美团"/>
				 </span>
				 <span>
						 <img src="./images/162c3308d9622f6d9cfaa49e60be4dca8573.png" alt="美团"/>
				 </span>
				 <span>
						 <img src="./images/dianping.png" alt="美团"/>
				 </span>
				 <span>
						 <img src="./images/maoyan.png" alt="美团"/>
				 </span>
		 </dd>
 </dl>
	 </li>
	 
	 <li> <a href="javascript:;">美团规则</a>

		 <dl class="displaynone">
			 <dd>
					 <a href="#">规则中心</a>
			 </dd>
			 <dd>
					 <a href="#">规则目录</a>
			 </dd>
			 <dd>
					 <a href="#">规则评议院</a>
			 </dd>
	 </dl>
	 
	 </li>
	 
	 <li>  <a href="javascript:;">商家中心</a>
		 <dl class="displaynone">
			 <dd>
					 <a href="#">美团餐饮商户中心</a>
			 </dd>
			 <dd>
					 <a href="#">登录商家中心</a>
			 </dd>
			 <dd>
					 <a href="#">美团智能收银</a>
			 </dd>
			 <dd>
					 <a href="#">我想合作</a>
			 </dd>
			 <dd>
					 <a href="#">手机免费开店</a>
			 </dd>
			 <dd>
					 <a href="#">到店综合业务招募</a>
			 </dd>
			 <dd>
					 <a href="#">餐饮合作社招募</a>
			 </dd>
			 <dd>
					 <a href="#">商家申请开票</a>
			 </dd>
			 <dd>
					 <a href="#">免费合作美团排队</a>
			 </dd>
	 </dl>
	 </li>
	 <li>  <a href="javascript:;">手机App</a></li>
		
		<li> <a href="javascript:;">我的美团</a>
		 <dl class="displaynone">
			 <dd> <a href="javascript:;">我的订单</a></dd>
			 <dd> <a href="javascript:;">我的收藏</a></dd>
			 <dd> <a href="javascript:;">抵用卷</a></dd>
			 <dd> <a href="javascript:;">账号设置</a></dd> 
		 </dl>
		 
	 </li>
	
	</ul>
</div>
			 </div>
</div>
<!-- 头部搜索框 -->
<div class="header">
  <div class="header-center T8">
   <div class="header-center-left">
      <h1>
       <a href="index.html"><img src="./images/logo.png" alt="" title="美团购物"></a>
      </h1>
      
    </div>
   <div class="header-center-center">
     
       <input type="text"  placeholder="&nbsp&nbsp&nbsp请输入商家或购物地点" >
       <div>
       <span class="iconfont icon-xxx">&#xe651;</span>
       </div>
   
   </div>
  </div>
</div>

<!-- 城市选区 -->
 <div class="city">
      <div class="city-center T8">
           <div class="citybox1">
             <span>省级区三级第一种联动:</span>
             你的选择是: <input type="text" id="addr-show"> 
                  <!--省份选择-->
									<select id="prov" onchange="showCity(this)">
										<option value="">请选择省份</option>
								</select>
                   <select name="" id="city" onchange="showCountry(this)"><option>请选择城市</option></select> 
                   <select name="" id="country" onchange="selecCountry(this)"><option>请选择县区</option></select>
                   <button id="met1"  onClick="showAddr()">确定</button><button id="cityto">提交</button>
           </div>
           <div class="citybox2">
            <span>省级区三级第二种联动:</span>
            你的选择是: <input type="text" id="addr-show02"> 
                  <button class="met2">确定</button>
                  <ul id="title-wrap">
										<li value="0">省份</li>
                    <li value="1">城市</li>
                    <li value="2">县区</li>
									</ul>
                  
									<div id="show-panel">
                    <ul id="addr-wrap">
                    </ul>
                </div>
          </div>
          <div class="citybox3">
            <span>省级区三级第三种联动:</span>
           <label for="">你的选择是:</label> <input type="text"  id="addr-show03"> 
           <div id="data-wrap">
						<ul id="data-order">
								<li value='0'>热门</li>
								<li value='1'>ABCD</li>
								<li value='2'>EFGH</li>
								<li value='3'>JKLM</li>
								<li value='4'>NPQR</li>
								<li value='5'>STWX</li>
								<li value='6'>YZ</li>
						</ul>
						<div id="data-show">
								
						</div>
				</div>
          </div>
      </div>
 </div>

 <div class="foot">
	<div class="foot-center T8">
		<div class="foot-center-top">
			 
						 
						<div class="footer-column"><dl><dt>商家合作</dt><dd><a rel="nofollow" href="https://ecom.meituan.com/bizsettle/settle?utm_source=mt_C_my" target="_blank">美食商家入驻(非外卖)</a></dd><dd><a href="https://kd.meituan.com/" target="_blank">美团外卖开店申请</a></dd><dd><a href="https://rms.meituan.com" target="_blank">美团餐饮系统</a></dd><dd><a rel="nofollow" href="http://page.peisong.meituan.com/apply/join" target="_blank">美团配送合作申请</a></dd><dd><a href="https://xue.meituan.com/?from=mtpc" target="_blank">美团餐饮培训</a></dd><dd><a rel="nofollow" href="https://ruzhu.meituan.com/settle/hotel/propaganda.html" target="_blank">酒店商家入驻</a></dd><dd><a rel="nofollow" href="https://ruzhu.meituan.com/settle/trip/pc.html" target="_blank">境内度假商家入驻</a></dd><dd><a rel="nofollow" href="https://e.dianping.com/claimcpc/page/index?source=mt" target="_blank">综合商家入驻</a></dd><dd><a rel="nofollow" href="https://minsu.meituan.com/about/" target="_blank" class="link-instanted">美团民宿房东商家入驻</a></dd><dd><a href="http://pc.meituan.com/?activity_code=mtpcdb" target="_blank">商家开票申请</a></dd><dd><a rel="nofollow" href="https://h5.youzan.com/v2/feature/nALm22bkFF?dc_ps=2039811416638097413.200001" target="_blank">美团智能收银机</a></dd><dd><a rel="nofollow" href="https://developer.meituan.com/?from=mtpcsw" target="_blank">美团开放平台</a></dd><dd><a rel="nofollow" href="https://recommend-zc.meituan.com/opportunity?channel=1" target="_blank">美团收单</a></dd><dd><a rel="nofollow" href="https://paidui.meituan.com/?activity_code=167_00038050" target="_blank">免费使用美团排队</a></dd><dd><a rel="nofollow" href="https://i.meituan.com/awp/hfe/block/6c4bec785dce/11188/index.html" target="_blank">快驴进货商家合作</a></dd><dd><a rel="nofollow" href="https://shangou.meituan.com/joinin" target="_blank" class="link-instanted">美团闪购商家入驻</a><div></div></dd><dd><a rel="nofollow" href="https://123.meituan.com?source=mtwpc" target="_blank">合作/招聘</a></dd></dl></div>
					
			<div class="footer-column"><dl><dt>用户帮助</dt><dd><a rel="nofollow" href="http://www.meituan.com/help/selfservice" target="_blank">申请退款</a></dd><dd><a rel="nofollow" href="http://www.meituan.com/help/faq" target="_blank">常见问题</a></dd><dd><a rel="nofollow" href="https://rules-center.meituan.com/rules-detail/4" target="_blank">用户协议</a></dd><dd><a rel="nofollow" href="https://rules-center.meituan.com/rules-detail/2" target="_blank" class="link-instanted">隐私政策</a></dd><dd><a rel="nofollow" href="http://www.meituan.com/about/anticheat" target="_blank">反诈骗公告</a></dd><dd><a rel="nofollow" href="https://rules-center.meituan.com/customer-rights" target="_blank" class="link-instanted">消费者权益保障</a></dd></dl><dl><dt>美团服务</dt><dd><a href="http://waimai.meituan.com/" target="_blank">美团外卖</a></dd><dd><a href="http://hotel.meituan.com/" target="_blank">美团酒店</a></dd><dd><a href="http://maoyan.com/" target="_blank">猫眼电影</a></dd><dd><a href="https://peisong.meituan.com/" target="_blank">美团配送</a></dd><dd><a href="https://www.mtyun.com/" target="_blank">美团云</a></dd><dd><a href="http://www.dianping.com/" target="_blank">大众点评</a></dd><dd><a href="https://minsu.meituan.com/" target="_blank">美团民宿</a></dd><dd><a href="https://mad.meituan.com" target="_blank" class="link-instanted">无人配送</a></dd><dd><a href="https://em.meituan.com/#/" target="_blank">企业用餐、企业用车、企业差旅</a></dd></dl></div>
<div class="footer-column"><dl><dt>合作商招募</dt><dd><a rel="nofollow" href="https://mfe.waimai.meituan.com/mfepro/client-h5/#/login" target="_blank">美团外卖合作商招募</a></dd><dd><a rel="nofollow" href="https://daili.meituan.com/?comeFrom=mtwebBusinesscoopd" target="_blank">到店餐饮合作商招募</a></dd><dd><a rel="nofollow" href="https://daili.meituan.com/dz-zhaoshang" target="_blank" class="link-instanted">到店综合业务合作商招募</a></dd><dd><a rel="nofollow" href="http://union.meituan.com/" target="_blank">美团联盟</a></dd><dd><a rel="nofollow" href="https://wenjuan.meituan.com/survey/4332711" target="_blank" class="link-instanted">美团收银招募线上分销商</a></dd><dd><a rel="nofollow" href="https://agent.meituan.com/zhaoshang?partnerSource=3" target="_blank">美团收银合作商招募</a></dd><dd><a rel="nofollow" href="https://zf.meituan.com?partnerSource=3" target="_blank">美团收单合作商招募</a></dd><dd><a rel="nofollow" href="https://i.meituan.com/awp/hfe/block/index.html?cube_h=2b7f0b4afbea&amp;cube_i=97656" target="_blank">美团充电宝合作商招募</a></dd></dl><dl><dt>美团规则</dt><dd><a rel="nofollow" href="https://rules-center.meituan.com/" target="_blank">规则中心</a></dd><dd><a rel="nofollow" href="https://rules-center.meituan.com/rules" target="_blank">规则目录</a></dd><dd><a rel="nofollow" href="https://rules-center.meituan.com/advices" target="_blank">规则评议院</a></dd></dl></div>
	<div class="footer-column"><dl><dt>关注美团</dt><dd><a rel="nofollow" href="http://weibo.com/meituan" target="_blank">美团新浪微博</a></dd></dl><dl><dt>公司信息</dt><dd><a rel="nofollow" href="https://about.meituan.com/" target="_blank">关于我们</a></dd><dd><a rel="nofollow" href="https://about.meituan.com/investor.html" target="_blank">投资者关系</a></dd><dd><a rel="nofollow" href="http://zhaopin.meituan.com/" target="_blank">加入我们</a></dd><dd><a rel="nofollow" href="https://dpapp-appeal.meituan.com/#/shopCreditRegulationPC" target="_blank">商户诚信公约及管理办法</a></dd><dd><a rel="nofollow" href="https://i.meituan.com/awp/ffe/insurance-website/index.html#/" target="_blank">保险经纪资质</a></dd></dl><dl><dt>廉正举报</dt><dd><a rel="nofollow" href="https://jubao.meituan.com/app/home?source=1" target="_self">廉正举报平台</a></dd></dl><dl><dt>知识产权</dt><dd><a rel="nofollow" href="https://ipr.meituan.com?source=1" target="_blank">知识产权维权平台</a></dd></dl></div>
	<div class="footer-column"><dl><dt>消费者服务热线</dt><dd>外卖消费者：<a rel="nofollow" href="tel:10109777" target="_blank">10109777</a></dd><dd>猫眼消费者：<a rel="nofollow" href="tel:10105335" target="_blank">10105335</a></dd><dd>其他消费者：<a rel="nofollow" href="tel:10107888" target="_blank">10107888</a></dd></dl><dl><dt>商家服务热线</dt><dd>外卖&amp;餐饮商家：<a rel="nofollow" href="tel:10105557" target="_blank">10105557</a></dd><dd>休闲娱乐、丽人、ktv、教育、结婚、亲子、家装等商家：<a rel="nofollow" href="tel:10100107" target="_blank">10100107</a></dd></dl><dl><dt>投诉举报专区</dt><dd>违法和不良信息举报电话：<a rel="nofollow" href="tel:4006018900" target="_blank">4006018900</a></dd><dd>举报邮箱：<a rel="nofollow" href="mailto:tousujubao@meituan.com" target="_self">tousujubao@meituan.com</a></dd><dd><a rel="nofollow" href="https://www.12377.cn/" target="_blank">网上有害信息举报</a></dd><dd>注：<a rel="nofollow" href="" target="">以上渠道均可投诉举报涉未成年人的违法和不良信息</a></dd></dl><dl><dt><a rel="nofollow" href="https://ecom.meituan.com/bizsettle/settle/merchantsSettle" target="_blank" class="link-instanted">商家自助入驻美团入口</a></dt></dl><dl><dt><a rel="nofollow" href="https://isp.meituan.com/signup" target="_blank">供应商注册入口</a></dt></dl></div>
		
		</div>
	

	 
</div>
	
	
	</div>

 <script type="text/javascript">
	//将获取到的城市列表添加到页面中
	//获取cityto节点
	var cityto = document.getElementById('cityto');
	var addrshow = document.getElementById('addr-show');
	
	cityto.onclick=function(){
			//判断addrshow的值是不是空
			if(addrshow.value==""){ 
					alert('请先选择城市信息');
			}else{  
					//跳转页面
					window.location.href = "./index.html?city="+addrshow.value;
			}
	}
</script>
 
<script src="js/city.js"></script>

<script src="js/city02.js"></script>
<script src="js/test.js"></script>
<script src="js/test02.js"></script>
<script src="js/test03.js"></script>
</body>

  
  </html>